<template>
  <div class="product">
     <p>标题：{{message.proname}}</p>
    <p>价格:：{{message.proprice}}</p>
    <p>描述:：{{message.desc}} <button @click="kanjia">按钮</button></p>
    
   </div>
</template>
 
<script>
export default {

  components: {},
  props: ['message'],
  data() {
    return {
       
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    kanjia(){
     this. $emit('sale',this.message.id)
    }
  }
};
</script>

<style scoped lang = "less">
   .product{
    width: 200px;
    height: 15                                                                                                                                                                                            0px;
    border: 3px solid #333;
   }  
</style>